<!-- 02.Header -->
<link rel="stylesheet" type="text/css" href="https://mydevasset.blob.core.windows.net/system-container/system_style.css">
<script src="https://mydevasset.blob.core.windows.net/system-container/scroll_picture.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/lib.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/system_script.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_introduction.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_information.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_tutorial.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_kintoneapi.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_garoonapi.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_userapi.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_tools.js"></script>
<script src="https://mydevasset.blob.core.windows.net/system-container/menu/menu_tips.js"></script>
<header class="header">
    <div class="container">
        <div class="header-top">
            <div class="header-logo">
                {{#link 'help_center'}}
                <img src="https://mydevasset.blob.core.windows.net/system-container/image/white_new_developer_network_logo_web.png" alt="{{t 'logo'}}"> {{/link}}
            </div>
            <div class="header-navigation">
                <div class="header-search">
                    <span class="fa fa-search fa-lg"></span> {{search}}
                </div>
                <div class="header-search-button">
                    <button class="fa fa-search fa-lg"></button>
                </div>
                <nav class="header-category">
                   <ul class="header-category-items">
                        <li class="header-category-has2ndItems"><a href="/hc/ja/articles/200929540">はじめに</a>
                             <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/articles/200929540">
                                        <span class="category-name">developer network へようこそ</span>
                                        <p>はじめての方へ</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/115002588523">
                                        <span class="category-name">developer networkの使い方 逆引きガイド</span>
                                        <p>目的別 サイトのガイド</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/201512734">
                                        <span class="category-name">メンバー登録とログイン方法</span>
                                        <p>メンバー登録はこちら</p>
                                    </a>
                                </li>
                            </ul>
                     </li>
                        <li class="header-category-has2ndItems"><a href="/hc/ja/articles/200730174">チュートリアル</a>
                            <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/articles/115002336526">
                                        <span class="category-name">はじめようJavaScript</span>
                                        <p>プログラム初心者向けJavaScript入門</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/200730174">
                                        <span class="category-name">はじめてのkintoneカスタマイズ</span>
                                        <p>開発前の注意事項など</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/211029283">
                                        <span class="category-name">はじめようkintone API</span>
                                        <p>kintone API入門(全13回)</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/115000297083">
                                        <span class="category-name">はじめようkintoneコマンドライン</span>
                                        <p>コマンドラインツール入門</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/207613916">
                                        <span class="category-name">kintoneカスタマイズのツボ</span>
                                        <p>初心者向け便利情報</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header-category-has2ndItems"><a href="/hc/ja/articles/210064823">APIドキュメント</a>
                            <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/articles/201941754">
                                        <span class="category-name">kintone REST API</span>
                                        <p>kintoneのデータ入出力API</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/201941954">
                                        <span class="category-name">kintone JavaScript API</span>
                                        <p>kintoneの画面表示制御API</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/203283794">
                                        <span class="category-name">kintone Plug-in</span>
                                        <p>kintoneプラグイン</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/115000804726">
                                        <span class="category-name">Garoon JavaScript API</span>
                                        <p>Garoonの画面表示制御API</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/202228424">
                                        <span class="category-name">Garoon SOAP API</span>
                                        <p>Garoonのデータ入出力API</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/202111374">
                                        <span class="category-name">User API</span>
                                        <p>cybozu.comに登録されたユーザ関連情報のデータ入出力API</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header-category-has2ndItems"><a href="/hc/ja/articles/213043483">ツール</a>
                            <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/articles/213043483">
                                        <span class="category-name">SDK(β)</span>
                                        <p>各種SDK</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/202960194">
                                        <span class="category-name">Library</span>
                                        <p>Cybozu CDN等のライブラリ</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/213043483">
                                        <span class="category-name">Developer Tools</span>
                                        <p>kintone開発を効率化するツール</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/articles/208217653">
                                        <span class="category-name">デモ環境(※メンバー限定)</span>
                                        <p>メンバー特典のデモ環境</p>
                                    </a>
                                </li>
                               <li>
                                    <a href="/hc/ja/articles/115001506986">
                                        <span class="category-name">HTTP Client Tool(※メンバー限定)</span>
                                        <p>メンバー特典のHTTP Client Tool</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header-category-has2ndItems"><a href="/hc/ja/sections/200143874">Tips</a>
                            <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/sections/200143874">
                                        <span class="category-name">カスタマイズTips</span>
                                    <p>カスタマイズTips</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/sections/201738483">
                                    <span class="category-name">外部サービス連携Tips</span>
                                    <p>外部サービスとの連携Tips</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/sections/200263970">
                                    <span class="category-name">カスタマイズサンプル</span>
                                    <p>すぐ試せるサンプル</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/sections/200681620">
                                        <span class="category-name">kintone プラグイン</span>
                                        <p>無償提供のkintoneプラグイン</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header-category-has2ndItems"><a>コミュニティ</a>
                            <ul class="header-category-items-2nd">
                                <li>
                                    <a href="/hc/ja/community/topics">
                                        <span class="category-name">トピック一覧</span>
                                        <p>トピック別に整理された質問と回答の一覧</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/hc/ja/community/posts">
                                        <span class="category-name">投稿一覧</span>
                                        <p>コミュニティの全ての投稿</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <div class="header-search">
                    <span class="fa fa-search fa-lg"></span> {{search}}
                </div>
                <div class="header-search-button">
                    <button class="fa fa-search fa-lg"></button>
                </div>
            </div>

            <div class="header-navigation">
                <div class="header-language">
                  <ul class="header-language-items">
                      <li class="header-language-has2ndItems"><a href="#"><img src="https://git.oschina.net/cybozu/Japanese-developer-network/raw/master/devnet-asset-master/img/language-earth.png" width="20" height="20" alt="">日本語<span class="triangle-down"></span></a>
                        <ul class="header-language-items-2nd">
                          <li>
                            <a href="https://developer.kintone.io/hc/en-us/" target="_blank">
                              <span class="category-name">English<img src="https://git.oschina.net/cybozu/Japanese-developer-network/raw/master/devnet-asset-master/img/language-skip.png" width="14" height="14" alt=""></span>
                            </a>
                          </li>
                          <li>
                            <a href="https://cybozudev.kf5.com/hc/" target="_blank">
                              <span class="category-name">中文<img src="https://git.oschina.net/cybozu/Japanese-developer-network/raw/master/devnet-asset-master/img/language-skip.png" width="14" height="14" alt=""></span>
                            </a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                </div>            
                <nav class="user-nav">
                    {{#if alternative_locales}}
                    <div class="dropdown language-selector" aria-haspopup="true">
                        <a class="dropdown-toggle">
                            {{current_locale.name}}
                        </a>
                        <span class="dropdown-menu dropdown-menu-end" role="menu">
                            {{#each alternative_locales}}
                            <a href="{{url}}" dir="{{direction}}" rel="nofollow" role="menuitem">
                            {{name}}
                            </a>
                            {{/each}}
                        </span>
                    </div>
                    {{/if}} {{user_info}}
                    <span class="memberCount"><span class="number">6000</span>ID登録中!!!</span>
                </nav>
            </div>
        </div>
    </div>
</header>
